<template>
    <article class="media">
        <div class="media-left">
            <figure class="image is-96x96">
                <img src="http://p0.meituan.net/0.84.63/xianfu/aa86bc1b9a218ea5e094b861c03b59b94873.jpg.webp"/>
            </figure>
        </div>
        <div class="media-content">
            <strong>南京麦当劳江宁大市口餐厅</strong>
            <div class="level is-mobile">
                <div class="level-left has-text-warning">
                    <div>
                        <span class="icon is-small">
                            <i class="fas fa-star"></i>
                        </span>
                        <span class="icon is-small">
                            <i class="fas fa-star"></i>
                        </span>
                        <span class="icon is-small">
                            <i class="fas fa-star"></i>
                        </span>
                        <span class="icon is-small">
                            <i class="fas fa-star"></i>
                        </span>
                        <span class="icon is-small">
                            <i class="fas fa-star"></i>
                        </span>
                        <span>  月售233</span>
                    </div>
                </div>
                <div class="level-right">
                    <div>
                        <span>49min</span> | <span>1.9km</span>
                    </div>
                </div>
            </div>
            <div class="level is-mobile">
                <div class="level-left">
                    <div>
                        <span>起送价 ￥0</span> | <span>配送费 ￥9</span>
                    </div>
                </div>
                <div class="level-right">
                    <div>
                    <span class="tag is-warning">美团专送</span>
                    </div>
                </div>
            </div>
            <div class="level is-mobile" style="margin-top : 10px">
                <div class="level-left">
                    <img class="image is-16x16" src="http://p0.meituan.net/xianfu/476ba65ee80b6385bab292c085baed17940.png.webp"/>
                    <span>本店支持开发票，开票金额20元起</span>
                </div>
            </div>
        </div>
    </article>
</template>

<script>
export default {
    name:"MerchantListItem"
}
</script>

<style scoped>
    .media{
        margin: 8px;
    }
    .level{
        margin-bottom: 1px;
        font-size: 12px;
    }
</style>
